<template>
  <div class="book_main">
    <m-header modile-title="更多" no-back="true"></m-header>
    <div class="li" @click="$router.push('/EditAddress1')">
      <span>测试地址选择</span>
    </div>
    <div class="li" @click="$router.push('/Canves')">
      <span>Canves签名</span>
    </div>
    <div class="li" @click="$router.push('/Panel')">
      <span>折叠列表</span>
    </div>
    <div class="li" @click="$router.push('/ChangeImage')">
      <span>点击改变图片</span>
    </div>
    <div class="li" @click="$router.push('/vueMixin')">
      <span>vue混入（mixin）的使用</span>
    </div>
    <div class="li" @click="$router.push('/CanvesSign')">
      <span>电子签名</span>
    </div>
    <div class="li" @click="$router.push('/CheckBox')">
      <span>CheckBox</span>
    </div>
    <div class="li" @click="$router.push('/addInput')">
      <span>点击增加input</span>
    </div>
    <div class="li" @click="$router.push('/addSelect')">
      <span>点击增加Select</span>
    </div>
    <div class="li" @click="$router.push('/timePicker')">
      <span>时间选择</span>
    </div>
    <div class="li" @click="$router.push('/preImage')">
      <span>preViewImage图片放大预览</span>
    </div>
    <div class="li" @click="$router.push('/chatPage')">
      <span>微信聊天</span>
    </div>
    <div class="li" @click="$router.push('/EditAddress2')">
      <span>测试地址选择</span>
    </div>
    <div class="li" @click="$router.push('/lianxi')">
      <span>vue练习</span>
    </div>
    <div class="li" @click="$router.push('/Total')">
      <span>练习页面</span>
    </div>
    <div class="li" @click="$router.push('/Vant')">
      <span>Vant基础组件试用</span>
    </div>
    <div class="li" @click="$router.push('/Vant2')">
      <span>Vant反馈组件</span>
    </div>
    <m-footer></m-footer>
  </div>
</template>

<script>
  import mHeader from '../../components/header'
  import mFooter from '../../components/Footer'

  export default {
    name: 'broadcast',
    data() {
      return {}
    },
    created() {
    },
    computed: {},
    mounted() {
    },
    methods: {},
    components: {
      mHeader,
      mFooter
    }
  }
</script>


<style lang="less">
  .book_main {
    width: 100%;
    margin-top: 64px;
    background: #fff;
    padding-bottom: 50%;
    .li {
      width: 100%;
      height: 60px;
      border-bottom: 1px solid #d7d7d7;
      span {
        font-size: 15px;
        line-height: 60px;
        margin-left: 10px;
      }
    }
  }
</style>
